<template>
    <div class="foot">
        <div class="item" @click="kandian">
            <i class="iconfont icon-jinhuodanf " ></i>
           看点
        </div>
        <div class="item"  @click="jiankang">
            <i class="iconfont icon-yiliao"></i>
            健康号
        </div>
        <div class="item" @click="dajiabang">
            <i class="iconfont icon-ioshelpoutline" style="font-weight: bold" ></i>
            大家帮
        </div>
        <div class="item" @click="mine">
            <i class="iconfont icon-wode" style="font-weight: bold"></i>
            我
        </div>
    </div>
</template>
<script>
    export default {
//        created(){
//            if(this.$router.push("/healthhao")){
//                $(this).addClass("active")
//            }
//        },
        methods:{
          kandian:function () {
              this.$router.push("/yiyantang");

          } ,
          jiankang:function () {
              this.$router.push("/healthhao");
          }  ,
          dajiabang:function () {
                this.$router.push("/everyhelp");
            },
            mine:function(){
                this.$router.push("/mine");
            }
        }

    }
</script>
<style scoped>
    .foot {
        width: 100%;
        height: 0.47rem;
        display: flex;
        align-items: center;
        border-top: 1px solid #eee;
        justify-content: space-around; }
    .foot .item {
        text-align: center;
        width: 25%;
        color: gray;
        /*color:  #3f86ff;*/
        font-size: 0.14rem; }
    .foot .item .active{
        color: #3f86ff;
    }
    .foot .item .iconfont {
        display: block;
      }

</style>
